<!--产品新增-->
<article class="page-container">
    <form class="form form-horizontal" id="form-article-add" method="post" enctype="multipart/form-data">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章标题：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$row.title}" placeholder="" id="articletitle" name="title">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2" ><span class="c-red">*</span>分类栏目：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="cid" name="category" class="select">
                    <foreach name="category" item="v">
                        <eq name="$v.id" value="$row.cid">
                               <option value="{$v.id}" selected="selected">{$v.name}</option>
                           <else />
                               <option value="{$v.id}">{$v.name}</option>
                           </eq>


                    </foreach>
				</select>
				</span> </div>
        </div>


        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">产品详情：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <script id="editor" name ="content" type="text/plain" style="width: 100%;height: 400px;">{$row.content|html_entity_decode}</script>

            </div>
        </div>
        <div class="uploadimg">
            <ul>
                <foreach name="images" item="v" key="k">
                   <li>
                        <img src="__ROOT__{$v}" alt="loding..." height="100px"/>
                        <input type="hidden" name="cheched[]" value="{$k}" />
                        <a href='javascript:;' class='delimg'>删除</a>
                   </li>
                </foreach>
            </ul>
        </div>


        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2">产品图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="file" name ="images[]" multiple="multiple"></input>
            </div>

            <div class="uploadimg uploading">
               <ul>

               </ul>
            </div>
        </div>
                <div class="row cl">
                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                    <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交审核</button>
                <button onClick="article_save();" class="btn btn-secondary radius" type="button"><i class="Hui-iconfont">&#xe632;</i> 保存草稿</button>
                <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
                </div>
                </div>
                </form>
                </article>


                <script type="text/javascript" src="BASE/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
                <script type="text/javascript" src="BASE/lib/jquery.validation/1.14.0/validate-methods.js"></script>
                <script type="text/javascript" src="BASE/lib/jquery.validation/1.14.0/messages_zh.js"></script>
                <script type="text/javascript" src="BASE/lib/webuploader/0.1.5/webuploader.min.js"></script>
                <script type="text/javascript" src="BASE/lib/ueditor/1.4.3/ueditor.config.js"></script>
                <script type="text/javascript" src="BASE/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
                <script type="text/javascript" src="BASE/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
                <script type="text/javascript">

                    $("input[type='file']").change(function() {
                        $(".uploading ul li").remove(); //清除之前添加的li标签
                            if(window.FileReader){ //判断浏览器是否支持FileReader
                                j=0;
                                for(var i=0;i<this.files.length;i++){ //循环文件数组
                                    var fr=new FileReader; //实例化FileReader
                                    fr.readAsDataURL(this.files[i]); ///读取文件，返加base64格式的文件内容
                                    fr.onloadend=function(e){ //当文件读取完成触 发事件
                                        var li="<li><img src='"+e.target.result+"' height='100px'/><a href='javascript:;' class='delimg'>删除</a><input type='hidden' name='check[]' value='"+j+"' /> </li>";
                                        $(".uploading ul").append(li);
                                        j++;
                                    }
                                }
                            }else{
                                alert('您的浏览器不支持图片预览');
                            }
                    });

                    $(".uploadimg").on('click','.delimg',function(){
                        $(this).parent().remove();
                    });

                    $(function(){
                        $('.skin-minimal input').iCheck({
                            checkboxClass: 'icheckbox-blue',
                            radioClass: 'iradio-blue',
                            increaseArea: '20%'
                        });

                        //表单验证
                        $("#form-article-add").validate({
                            rules:{
                                title:{
                                    required:true,
                                },

                                category:{
                                    required:true,
                                },
                                sorting:{
                                    required:true,
                                },

                                author:{
                                    required:true,
                                },
                                content:{
                                    required:true,
                                },


                            },
                            onkeyup:false,
                            focusCleanup:true,
                            success:"valid",
                            submitHandler:function(form){
                                $(form).ajaxSubmit({
                                    type:'post',
                                    url:'__SELF__',
                                    success:function (msg) {
                                       if(msg.error==0){
                                           /*window.location.href='{:U("news/insert")}'*/
                                           parent.location.reload(); // 父页面刷新
                                           var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                           parent.layer.close(index);//关闭弹出的子页面窗口
                                       }else{
                                           layer.alert('添加失败', {
                                               skin: 'layui-layer-molv' //样式类名
                                               ,closeBtn: 0
                                           })
                                       }
                                    }
                                });

                            }
                        });



                        var ue = UE.getEditor('editor');

                    });
                </script>
                <!--/请在上方写此页面业务相关的脚本-->
